<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model指令的学习</title>
  <script src="../Vue.js"></script>

</head>
<body>
  <div id="divHander">
    <h4>{{msg}}</h4>
<!--    v-model 是唯一的一个双向数据绑定 -->
<!--    且 v-mmodel 只能运用在表单元素中 （input radio text address email 。select checkbox textarea）-->
    <input id="but" type="text" v-model="msg" style="width:100%">
  </div>


<script>
  new Vue({
    el : '#divHander',
    data : {
      msg : '大家都是好学生，爱学习，爱敲代码！'
    }
  })

</script>
</body>

</html>
